﻿/* normalise */
/**头部*/
.head{ position:absolute;top:0px; z-index:999; width:100%}
.i_head {height:auto;}
.i_head .head_top{ width:1200px; margin:0 auto}
/*.i_head .nav_menu{ position:relative;bottom: 0;z-index: 9;}*/
.head.i_head .logo a{ background:url(../images/logo.png) no-repeat;}
.i_head.head .head_r li a,.i_head.head .head_r li{ color:#fff;}
.i_head.head .head_r{margin-top: 0;}
.head .head_r li a,.head .head_r li{ color:#555;}

.header_nav{width:100%; height:56px; margin:0 auto; background:#176ab6;}
.header_nav  ul { width:1200px; height:56px; margin:0 auto;}
.header_nav  ul li{float: left;position:relative;}
.header_nav  ul li a{ width:171px; height:56px; display:block; text-align:center; line-height:56px; color:#fff; font-size:16px;} 
.header_nav  ul li a:hover{color: #fff; font-size:16px; line-height:56px; background:#e00100}
.header_nav  ul li:hover{line-height:56px; font-size:16px;color: #fff !important;background:#e00100}
.header_nav  ul li:hover a{color:#fff;}
.header_nav  ul li dl{position:absolute; left:0px; top:56px; z-index:99999; background:#FFF; display:none; width:171px;}
.header_nav  ul li:hover dl{ position:absolute; left:0px; top:56px; z-index:99999; background:#fff; display:block;}
.header_nav  ul li dl dt a{ width:171px;height:44px;line-height:44px;color:#fff !important; font-size: 14px !important; font-weight:100;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; background:#003672; border-bottom:1px solid #fff;}
.header_nav  ul li dl dt a:hover{background:#0651a2; color:#fff !important; line-height:44px; font-size:14px !important; font-weight:100}
.header_nav .nav_on{color: #fff; font-size:16px; line-height:56px; background:#e00100}

.header_nav.nav01 {position: fixed;top: 0;left: 0;width: 100%;min-width: 1200px; z-index:999; background:#0651a2}

/*搜索*/
.link{ width:100%; height:80px; margin:0 auto; background:#fff; border-bottom:1px solid #dedede}
.link ul{ width:1200px; height:80px; margin:0 auto;}
.link ul li{ float:left; height:80px}
.link ul li p{line-height:80px;width:720px; height:80px; color:#666666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-size:14px;}
.link ul li p span{line-height:80px; color:#1244a3; font-weight:bold;font-size:14px; margin-right:5px}
.link ul li a{line-height:80px; color:#666666; font-weight:100; margin-right:15px}

.bannerfo{ width:429px;height:44px; border:1px solid #dedede; border-radius:25px;position:relative; margin-top:17px}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:0; width:370px; height:44px;}
.bannerfo dl .inputbox input{ width:340px; height:44px; padding:0 15px;color:#666666; line-height:44px; font-size:14px; background:none}

.bannerfo dl .menuser{ position:absolute; left:370px; top:0; width:57px; height:44px; display:block;background: url(../images/search2.jpg) center center no-repeat; }
.bannerfo dl .menuser input{width:57px; height:44px;background: url(../images/search2.jpg) center center no-repeat;}


/*产品分类*/
.fenl_bg{background:url(../images/cp_line02.gif) repeat-x 0 230px;overflow: hidden;padding:50px 0 0;}
.cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #e1a104;}
.cp_t span{display: block;font-size: 20px;font-weight: normal;}
.fenl_btn{display: block;width: 150px;height: 50px;position: absolute;top: 115px;right: 0;text-align: center;line-height: 50px;}
.fenl_btn a{font-size: 18px;color: #333;display: block;}
.fenl_t{width:900px;height: 140px;margin:20px auto 0px auto; padding-left:300px;}
.fenl_t ul li{width: 150px;height: 80px;float: left;position: relative;}
.fenl_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 150px;height: 80px;float: left;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{color: #005baf;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 80px;left: 42%;z-index: 20;
border-top:10px solid #005baf; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}

.fenl_t ul li.on:after{content: "";width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;z-index: 20;background: #005baf;}

.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 50px;position: absolute;top: 80px;left: 0;padding: 10px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width: 240px;font-weight: normal;text-align: left;}
.fenl_t ul li .cp_list a:hover{color: #1f339a;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -150px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -300px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -450px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -600px;}
.fenl_t ul li.fenl_li06 .cp_list{left: -750px;}
.fenl_t ul li.fenl_li07 .cp_list{left: -900px;}




/**/
.chanp ul li{width: 32.8%;float: left;margin-right: 0.8%;margin-bottom: 15px;overflow: hidden;line-height: 0;}
.chanp ul li img,.sheb ul li img,.jz dl dt img,.wd dl dt img,.photo_m ul li img{width:393px; height:262px;display: block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.sheb ul li img:hover,.jz dl dt img:hover,.wd dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{display: block;width: 100%;text-align: center;font-size:16px;color: #333;height: 50px;line-height: 50px;bottom: 10px;left: 0;overflow: hidden;}
.chanp ul li:nth-child(3n){margin-right: 0;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;overflow: hidden;height: 735px;padding: 60px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 25px;}
.ys_l{width: 960px;height: 560px;position: absolute;top: 140px;right: 50%;}
.ys_l .ys_qie li{width: 960px;height: 560px;}
.ys_l .ys_qie li img {width: 960px;height: 560px;}
.ys_l .ys_bot{position: absolute;right: 120px;bottom: 30px;}
.ys_l .ys_bot ul li{ float:left; margin:0 20px 0 0; display:inline; cursor:pointer; width: 15px;height: 15px;background: #1f339a; text-indent: -9999px;border-radius: 50%;}
.ys_l .ys_bot ul .on{background: #e1a104;}
.ys_btn{ width:250px; right:-125px; top:466px; position:absolute; z-index:1; height:94px; background:#005baf}
.ys_btn a{display: block;width: 125px;height: 94px;float: left;}
.ys_lico{background:url(../images/ys_lico01.gif) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.gif) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.gif) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.gif) no-repeat;}
.ys_r{width: 580px;position: relative;z-index: 20;height: 338px;background: #fff;margin:138px 0 0 475px;padding: 50px 0 0;}
.ys_r p{width: 580px;height: 90px;}
.ys_r p em{width: 125px;height: 30px;display: block;float: left;text-align: right;padding: 25px 25px 0 0;}
.ys_r p em img{width: 66px;height: 30px;}
.ys_r p span{display: block;float: left;font-size:14px;color: #333;line-height: 30px;border-bottom: #e6e6e6 1px solid;height: 60px;padding: 15px 0;width: 430px;}


/* case */
.case{padding:45px 0 60px 0;overflow:hidden;background:#fff}
.case_t{font-size: 40px;color: #333;text-align: center;background:url(../images/ys_line.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.case_t a{color: #333;}
.case_t i{color: #e1a104;}
.case_t span{display: block;font-size: 20px;font-weight: normal;}
.caseMenu{height:50px;margin-bottom:35px;text-align:center;font-size:16px;}
.caseMenu a{display:inline-block;width:135px;height:50px;margin-left:20px;text-align:center;line-height:50px;color:#333;background:#fff;}
.caseMenu a.on{background:#C70E02;color:#fff;transition:all 0.3s;}
.caseMain,.caseBox{height:435px;overflow:hidden; margin-top:15px;}
.caseBox ul{width:1240px;}
.caseBox li{float:left;width:295px;height:215px;overflow:hidden;margin:0 5px 5px 0;position:relative;line-height:20px;}
.caseBox li img{width:295px;height:215px;transition:all 0.5s;}
.caseBox li.c1,.caseBox li.c1 img{width:595px;height:435px;}
.caseBox li .font{background:url('../images/opc.png');padding:10px 3%;position:absolute;left:0;width:96%;bottom:-100px;color:#fff;transition:all 0.5s;}
.caseBox li h4{font-size:16px;font-weight:normal;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseBox li.c1 h4{font-size:18px;}
.caseBox li:hover .font{bottom:0;transition:all 0.5s;}
.caseBox li.c5 div{background:url('../images/opc.png');color:#fff;position:absolute;top:0;left:0;width:100%;height:215px;text-align:center;}
.caseBox li.c5 div img{width:90px;height:90px;padding-top:50px;margin-bottom:5px;}
.caseBox li.c5:hover div img{transform:scale(1,1);} 

/*走进*/
.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 330px;overflow: hidden;padding: 120px 0 0;}
.about .cp_t{background:url(../images/ab_line.png) no-repeat center 25px;color: #fff;}
.about .cp_t a{color: #fff;}
.ab_desc{padding: 45px 0 0;width:1200px;margin: 0 auto;}
.ab_desc div{font-size: 15px;color: #fff;line-height: 26px;height: 96px;overflow: hidden;text-align: center;}
.ab_desc span{width: 110px;height: 32px;display: block;margin: 0 auto;padding: 20px 0 0;}
.ab_desc span img{width:140px;height: 32px;}
.ab_desc span a{display: block;width: 110px;height: 32px;}
.ab_desc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*企业相册*/
.photo_bg{background:url(../images/photo_bg.jpg) no-repeat center 0;height: 345px;overflow: hidden;}
.photo_t{width: 390px;margin: 0 auto;height: 110px;}
.photo_t ul li{width: 130px;text-align: center;float: left;}
.photo_t ul li em{display: block;width: 55px;height: 55px;line-height: 0;overflow: hidden;margin: 0 auto 5px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li a{font-size: 14px;color: #fff;}
.photo_t ul li a:hover em img{margin-top: -55px;}
.photo_m ul li{width: 223px;height: 167px;float: left;line-height: 0;overflow: hidden;margin-left: 21px;}
.photo_m ul li img{width: 223px;height: 167px;}
.photo_m ul li:first-child{margin-left: 0;}


/*新闻*/
.news_bg{background:url(../images/news_bg.gif) no-repeat center 0;height: 695px;overflow: hidden;padding: 80px 0 0;}
.news_bg .cp_t{background:url(../images/news_line01.gif) no-repeat center 25px;}
.wd{width: 600px;padding: 80px 0 0;}
.wd dl{width: 600px;height: 159px;overflow: hidden;margin-bottom: 55px;}
.wd dl dt{width: 282px;height: 159px;float: left;line-height: 0;overflow: hidden;}
.wd dl dt img{width: 282px;height: 159px;}
.wd dl dd{width: 270px;float: left;padding: 0 0 0 45px;}
.wd dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.wd dl dd h5 a{font-size: 16px;color: #333;}
.wd dl dd h5 a:hover,.news_m dd h5 a:hover{color: #1f339a;}
.wd .wd_desc{font-size: 14px;color: #777;height: 66px;line-height: 22px;overflow: hidden;padding: 10px 0 0;}
.wd dl dd span{display: block;width: 105px;padding: 10px 0 0;}
.wd dl dd span a{display: block;font-size: 14px;color: #fff;width: 105px;text-align: center;height: 32px;line-height: 32px;background: #e1a104;overflow: hidden;}
.wd dl dd span a:hover{background: #1f339a;}

.news{ width:510px;padding: 80px 0 0;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 85px; border-bottom:#dcdcdc 1px dashed; padding:15px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}



/*网站底部*/
.f_bj {
	color: #fff;
	line-height: 45px;
	clear: both;
	height: 362px;
	font-family: "Microsoft Yahei";
	overflow: hidden;
	background: url(../images/footbg.gif) repeat-x center 0 #3a3a3a;
	padding-top: 68px;
}
.f_bj a {
	color: #fff;
}
.footer {
	width: 1200px;
	margin: 0 auto;
	font-family: "Microsoft Yahei";
}
.f_con {
	display: block;
	overflow: hidden;
	height: 290px;
	background:#3a3a3a
}
.f_code,  .f_nav {
	background: url(../images/f_line1.gif) no-repeat right 6px;
	height: 212px;
}
.f_code {
	width: 337px;
	padding: 13px 0 0;
}
.f_code p {
	display: block;
	width: 114px;
	height: 114px;
	float: left;
	background: url(../images/f_codebg.jpg) no-repeat center 0;
	padding: 0 5px;
	margin-left: 60px;
}
.f_code p img {
	display: block;
	width: 88px;
	height: 88px;
	padding: 13px;
}
.f_logo img {
	width: 242px;
	height: 54px;
	display: block;
	margin-bottom: 23px;
}
.f_nav {
	line-height: 50px;
	width: 276px;
	font-size: 16px;
	padding-left: 57px;
}
.f_nav a {
	display: block;
	float: left;
	width: 138px;
}
.f_text {
	width: 498px;
	padding: 0 0 0 32px;
}
.f_text h3 {
	font-weight: normal;
	font-size: 20px;
	line-height: 56px;
	height: 65px;
}
.f_text span {
	display: block;
	background: url(../images/f_ico1.gif) no-repeat 0 9px;
	padding-left: 46px;
	width: 224px;
	white-space: nowrap;
	float: left;
}
.f_text span.f_text1 {
	background: url(../images/f_ico2.gif) no-repeat 0 9px;
	width: 170px;
}
.f_text span.f_text2 {
	background: url(../images/f_ico3.gif) no-repeat 0 9px;
}
.f_text span.f_text3 {
	background: url(../images/f_ico4.gif) no-repeat 0 9px;
	width: 200px;
}
.f_text span.f_text4 {
	background: url(../images/f_ico5.gif) no-repeat 0 9px;
	width: 365px;
}
.f_wz {
	height: 65px;
	line-height: 65px;
	color: #8f8f8f;
	background:#222222
}
.f_wz span {
	display: block;
	float: right;
}
.f_wz span em img {
	display:inline-block;
	width:40px;
	height:40px;
}
.f_wz span em {
	display:inline-block;
	padding:10px 0 0;
	float:left;
}
.f_wz a {
	color: #8f8f8f;
	padding: 0 16px 0 0;
}